<template>
  <!-- 主要内容区域-->
  <div class="main-container" id="mainContainer">
    <!-- 组件位置 -->
    <slot></slot>
    <live2d
        :style="style"
        :model="['Potion-Maker/Pio', 'school-2017-costume-yellow']"
        :direction="direction"
        :size="size"
    ></live2d>
    <my-footer></my-footer>
  </div>
</template>

<script setup>
import MyFooter from '@/components/Footer/MyFooter';
import Live2d from "@/components/Live2d/Live2d";
import {ref} from "vue";

let direction = ref('right');
let style = ref('');
let size = ref(350);

</script>

<style scoped>
@import "./mainContainer.css";
</style>
